const path = require('path')

module.exports = {
  // 1.配置方式一: CLI提供的属性
  outputDir: './dist',
  publicPath: './',
  devServer: {
    proxy: {
      '/api': {
        // target: 'http://1.116.249.12:8765',
         target: 'http://127.0.0.1:9090',
        pathRewrite: {
          '^/api': '/',
        },
        changeOrigin: true,
      },
    },
    // historyApiFailback: true,
  },

  // 2.配置方式二: 和webpack属性完全一致, 最后会进行合并
  // configureWebpack: {
  //   resolve: {
  //     alias: {
  //       components: '@/components',
  //     },
  //   },
  // },
  configureWebpack: (config) => {
    config.resolve.alias = {
      '@': path.resolve(__dirname, 'src'),
      components: '@/components'
    }

  }
  // 3.配置方式三:
  // chainWebpack: (config) => {
  //   config.resolve.alias
  //     .set('@', path.resolve(__dirname, 'src'))
  //     .set('components', '@/components')
  // }
}
